<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" class="no-js">
<head th:include="admin/index::manage_head">

</head>

<body>
<div class="navbar navbar-fixed-top" th:include="admin/index::manage_title"></div>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span2" id="sidebar" th:include="admin/index::manage_sidebar"></div>

        <!--内容-->
        <div class="span10" id="content" >
            <div class="row-fluid">
                <div class="alert alert-success">
                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                    <h4>成功提示</h4>
                    操作已经成功了！</div>
                <div class="navbar">
                    <div class="navbar-inner">
                        <ul class="breadcrumb">
                            <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                            <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar" rel='tooltip'>&nbsp;</a></i>
                            <li>
                                <a href="#">首页</a> <span class="divider">/</span>
                            </li>
                            <li>
                                <a href="#">设置</a> <span class="divider">/</span>
                            </li>
                            <li class="active">工具</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row-fluid">
                <!-- block -->
                <div class="block">
                    <div class="navbar navbar-inner block-header">
                        <div class="muted pull-left">统计</div>
                        <div class="pull-right"><span class="badge badge-warning">查看更多</span>

                        </div>
                    </div>
                    <div class="block-content collapse in">
                        <div class="span3">
                            <div class="chart" data-percent="73">73%</div>
                            <div class="chart-bottom-heading"><span class="label label-info">访问量</span>

                            </div>
                        </div>
                        <div class="span3">
                            <div class="chart" data-percent="53">53%</div>
                            <div class="chart-bottom-heading"><span class="label label-info">浏览量</span>

                            </div>
                        </div>
                        <div class="span3">
                            <div class="chart" data-percent="83">83%</div>
                            <div class="chart-bottom-heading"><span class="label label-info">用户</span>

                            </div>
                        </div>
                        <div class="span3">
                            <div class="chart" data-percent="13">13%</div>
                            <div class="chart-bottom-heading"><span class="label label-info">订单</span>

                            </div>
                        </div>
                    </div>
                </div>
                <!-- /block -->
            </div>
            <div class="row-fluid">
                <div class="span6">
                    <!-- block -->
                    <div class="block">
                        <div class="navbar navbar-inner block-header">
                            <div class="muted pull-left">用户</div>
                            <div class="pull-right"><span class="badge badge-info">1,234</span>

                            </div>
                        </div>
                        <div class="block-content collapse in">
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th>姓名</th>
                                    <th>昵称</th>
                                    <th>用户名</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>Jacob</td>
                                    <td>Thornton</td>
                                    <td>@fat</td>
                                </tr>
                                <tr>
                                    <td>3</td>
                                    <td>Vincent</td>
                                    <td>Gabriel</td>
                                    <td>@gabrielva</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- /block -->
                </div>
                <div class="span6">
                    <!-- block -->
                    <div class="block">
                        <div class="navbar navbar-inner block-header">
                            <div class="muted pull-left">订单</div>
                            <div class="pull-right"><span class="badge badge-info">752</span>

                            </div>
                        </div>
                        <div class="block-content collapse in">
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th>产品名</th>
                                    <th>订单日期</th>
                                    <th>订单金额</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>Coat</td>
                                    <td>02/02/2013</td>
                                    <td>$25.12</td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>Jacket</td>
                                    <td>01/02/2013</td>
                                    <td>$335.00</td>
                                </tr>
                                <tr>
                                    <td>3</td>
                                    <td>Shoes</td>
                                    <td>01/02/2013</td>
                                    <td>$29.99</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- /block -->
                </div>
            </div>
            <div class="row-fluid">
                <div class="span6">
                    <!-- block -->
                    <div class="block">
                        <div class="navbar navbar-inner block-header">
                            <div class="muted pull-left">客户</div>
                            <div class="pull-right"><span class="badge badge-info">17</span>

                            </div>
                        </div>
                        <div class="block-content collapse in">
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th>姓名</th>
                                    <th>昵称</th>
                                    <th>用户名</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>Jacob</td>
                                    <td>Thornton</td>
                                    <td>@fat</td>
                                </tr>
                                <tr>
                                    <td>3</td>
                                    <td>Vincent</td>
                                    <td>Gabriel</td>
                                    <td>@gabrielva</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- /block -->
                </div>
                <div class="span6">
                    <!-- block -->
                    <div class="block">
                        <div class="navbar navbar-inner block-header">
                            <div class="muted pull-left">购物清单</div>
                            <div class="pull-right"><span class="badge badge-info">812</span>

                            </div>
                        </div>
                        <div class="block-content collapse in">
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th>日期</th>
                                    <th>金额</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>02/02/2013</td>
                                    <td>$25.12</td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>01/02/2013</td>
                                    <td>$335.00</td>
                                </tr>
                                <tr>
                                    <td>3</td>
                                    <td>01/02/2013</td>
                                    <td>$29.99</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- /block -->
                </div>
            </div>
            <div class="row-fluid">
                <!-- block -->
                <div class="block">
                    <div class="navbar navbar-inner block-header">
                        <div class="muted pull-left">图片</div>
                        <div class="pull-right"><span class="badge badge-info">1,462</span>

                        </div>
                    </div>
                    <div class="block-content collapse in">
                        <div class="row-fluid padd-bottom">
                            <div class="span3">
                                <a href="#" class="thumbnail">
                                    <img data-src="holder.js/260x180" alt="260x180" style="width: 260px; height: 180px;" src="">
                                </a>
                            </div>
                            <div class="span3">
                                <a href="#" class="thumbnail">
                                    <img data-src="holder.js/260x180" alt="260x180" style="width: 260px; height: 180px;" src="">
                                </a>
                            </div>
                            <div class="span3">
                                <a href="#" class="thumbnail">
                                    <img data-src="holder.js/260x180" alt="260x180" style="width: 260px; height: 180px;" src="">
                                </a>
                            </div>
                            <div class="span3">
                                <a href="#" class="thumbnail">
                                    <img data-src="holder.js/260x180" alt="260x180" style="width: 260px; height: 180px;" src="">
                                </a>
                            </div>
                        </div>

                        <div class="row-fluid padd-bottom">
                            <div class="span3">
                                <a href="#" class="thumbnail">
                                    <img data-src="holder.js/260x180" alt="260x180" style="width: 260px; height: 180px;" src="">
                                </a>
                            </div>
                            <div class="span3">
                                <a href="#" class="thumbnail">
                                    <img data-src="holder.js/260x180" alt="260x180" style="width: 260px; height: 180px;" src="">
                                </a>
                            </div>
                            <div class="span3">
                                <a href="#" class="thumbnail">
                                    <img data-src="holder.js/260x180" alt="260x180" style="width: 260px; height: 180px;" src="">
                                </a>
                            </div>
                            <div class="span3">
                                <a href="#" class="thumbnail">
                                    <img data-src="holder.js/260x180" alt="260x180" style="width: 260px; height: 180px;" src="">
                                </a>
                            </div>
                        </div>

                        <div class="row-fluid padd-bottom">
                            <div class="span3">
                                <a href="#" class="thumbnail">
                                    <img data-src="holder.js/260x180" alt="260x180" style="width: 260px; height: 180px;" src="">
                                </a>
                            </div>
                            <div class="span3">
                                <a href="#" class="thumbnail">
                                    <img data-src="holder.js/260x180" alt="260x180" style="width: 260px; height: 180px;" src="">
                                </a>
                            </div>
                            <div class="span3">
                                <a href="#" class="thumbnail">
                                    <img data-src="holder.js/260x180" alt="260x180" style="width: 260px; height: 180px;" src="">
                                </a>
                            </div>
                            <div class="span3">
                                <a href="#" class="thumbnail">
                                    <img data-src="holder.js/260x180" alt="260x180" style="width: 260px; height: 180px;" src="">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /block -->
            </div>
        </div>
    </div>
    <hr>
    <footer th:include="admin/index::manage_footer">
        <p>Copyright &copy; 2018-2020.Company name All rights reserved.</p>
    </footer>
</div>

<!--/.fluid-container-->
<div th:include="admin/index::manage_script"></div>
</body>

</html>